<template>
	<view class="empty-box">
		<image src="./empty.png" class="empty" mode="widthFix"></image>
		<view class="empty-text">{{text}}</view>
	</view>
</template>

<script>
	export default {
		name:"zzp-empty",
		props:{
			text:{
				type: String,
				default: '暂无内容',
			}
			
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style>
.empty-box{
	padding: 100rpx;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.empty{
	width: 200rpx;
}
.empty-text{
	line-height: 80rpx;
	color: #777;
}
</style>